﻿<div ng-controller="GCAnalysisOfIssueController">
    <div class="left-content">
        <div class="title-18-bold">Analysis of Issue</div><br />
        <div style="display: table; width: 100%; min-height: 100px;">
            <div style="display: table-cell;">
                <div class="float-pillar-image" ng-switch="gcCompanyPrinciple.getPillarId()">
                    <!-- Human Rights -->
                    <div ng-switch-when="1">
                        <img src="../../content/images/icn-human-rights_listing.png" />
                        <div class="title-18-bold absolute">Human Rights</div>
                    </div>
                    <!-- Labour Rights -->
                    <div ng-switch-when="2">
                        <img src="../../content/images/icn-labour-rights_listing.png" />
                        <div class="title-18-bold absolute">Labour Rights</div>
                    </div>
                    <!-- Environment -->
                    <div ng-switch-when="3">
                        <img src="../../content/images/icn-enviroment_listing.png" />
                        <div class="title-18-bold absolute">Enviroment</div>
                    </div>
                    <!-- Business Ethics -->
                    <div ng-switch-when="4">
                        <img src="../../content/images/icn-business-ethics_listing.png" />
                        <div class="title-18-bold absolute">Business Ethics</div>
                    </div>
                </div>
                <div class="float-pillar-text" style="width: 150px;">
                    Overall Assessment:
                    <div class="title-black-bold" ng-switch="gcCompanyPrinciple.companyPrinciple.principleAssessment">
                        <span ng-switch-when="1">Watchlist</span>
                        <span ng-switch-when="2">Non-Compliant</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="right-content" style="width: 670px;">
        <div class="line-height_20" ng-repeat="indicator in gcAnalysisOfIssue.eventIndicatorImpacts">
            <div class="title-18-bold">{{ indicator.issueType }}</div>
            {{ indicator.eventSummary }}
            <br />
            <br />
            <div class="title-black-bold">{{ indicator.impactSummary }}<span ng-if="indicator.impactSummary && indicator.impactSummary !== ''"></span></div>
            <ul>
                <li ng-repeat="impactComment in indicator.impactComments">{{ impactComment }}</li>
            </ul>
        </div>
    </div>
    <div class="clear">&nbsp;</div>
    <!--<div class="pillar-border">&nbsp;</div>-->
</div>